HTML Formatting: The attributes of your link tag are not correctly formatted. Each attribute should start on a new line with a 2-space indentation relative to the tag.

HTML Formatting: Add empty lines between multiline sibling blocks of HTML to improve readability. In this case, you should add an empty line between each div with the class stars.

HTML Formatting: Add empty lines between multiline sibling blocks of HTML to improve readability. In this case, you should add an empty line between each div with the class stars.

HTML Formatting: Add empty lines between multiline sibling blocks of HTML to improve readability. In this case, you should add an empty line between each div with the class stars.

HTML Formatting: Add empty lines between multiline sibling blocks of HTML to improve readability. In this case, you should add an empty line between each div with the class stars.

HTML Formatting: Add empty lines between multiline sibling blocks of HTML to improve readability. In this case, you should add an empty line between each div with the class stars.

HTML Content: It would be better to use semantic tags instead of div for the stars blocks. Consider using a semantic tag like section or article that would better describe the content.

Avoid using the * selector as it impacts performance. It's better to set styles only for elements that require them. You can find this in the task checklist under the CSS section.

The path to the images is not consistent. Here you're using ./images/star-active.svg, while in other places you're using images/star-active.svg. It's not an error, but it's better to keep the code consistent.

You can simplify the CSS rule for .stars--5 by using :nth-child(-n + 5) only. There's no need to repeat it for each child.

This block of code is repeated multiple times with only minor changes. Consider using a templating system or a loop in a scripting language to generate these elements programmatically. This will make your code more maintainable and less prone to errors.

Avoid using the * selector for styling. It impacts performance as it affects all elements. Try to set styles only for elements that require them.

There's a checklist item that suggests not to use tag names for styling, except for html and body.

Remember to use fallback fonts. It's an alternative font-family in case the main one doesn't work. You can specify a list of fonts separated by commas. The browser will use the first font in the list available on the user's computer.

Be consistent with your margins. It seems you are applying the margin-right property to all .stars__star elements. This could potentially lead to margin collapse. Consider applying margins only to the top or bottom, but not both.

It's a good practice to avoid fixing container size if there is no such a requirement. Let the content size dictate it. This can help to avoid overflow or accidental scroll bar.

According to the checklist, you should add empty lines between multiline sibling blocks of HTML to simplify reading. However, you have added empty lines between child elements, which is not recommended. You should remove the empty lines between the div elements with the class stars__star.

According to the checklist, you should avoid using the * selector for styling, as it impacts performance. Although this is a minor issue, it's a good practice to style only the elements that require it.

There seems to be a mistake in your CSS selectors. The :nth-child(-n + 1) selector in the .stars--5 rule will only select the first child, but you probably intended to select all children. To select all children, you can simply use the :nth-child(n) selector. Also, there's no need to repeat the same selector for each child. You can combine them into a single rule: .stars--5 :nth-child(n).